<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/main-style.css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/touchicon.png" />
</head>
<body>

	<p class="u-content-title-p">表单演示</p>
	<hr class="u-hr-title">
	<style>
.form-table {
	
}

.form-table td {
	vertical-align: middle;
	padding: 2px;
}

.form-table-label {
	width: 90px;
	text-align: right;
	height: 30px;
}

.form-table-item {
	
}

.form-required {
	color: #f00;
	font-size: 13px;
	font-family: SimSun;
	padding-right: 3px;
}

.form-info {
	height: 20px;
	color: #ddd;
	padding-top: 3px;
}
</style>


	<style type="text/css">
.table-layout {
	
}

.table-layout td {
	padding: 2px;
}

.form-item td {
	padding: 2px;
}

.form-item-label {
	width: 90px;
	text-align: right;
}
</style>
	<form>
	<table class="table-layout">
		<tr>
			<td>
				<table class="form-item">
					<tr>
						<td class="form-item-label"><span class="form-required">*</span>性别：</td>
						<td><input type="text" class="u-ipt"></td>
					</tr>
					<tr>
						<td></td>
						<td>&nbsp;111</td>
					</tr>
				</table>

			</td>
			<td>
				<table class="form-item">
					<tr>
						<td class="form-item-label"><span class="form-required">*</span>性别：</td>
						<td><input type="text" class="u-ipt"></td>
					</tr>
					<tr>
						<td></td>
						<td>&nbsp;111</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table class="form-item">
					<tr>
						<td class="form-item-label"><span class="form-required">*</span>性别：</td>
						<td><input type="text" class="u-ipt"></td>
					</tr>
					<tr>
						<td></td>
						<td>&nbsp;111</td>
					</tr>
				</table>

			</td>
			<td>

				<table class="form-item">
					<tr>
						<td class="form-item-label"><span class="form-required">*</span>性别：</td>
						<td><input type="text" class="u-ipt"></td>
					</tr>
					<tr>
						<td></td>
						<td>&nbsp;111</td>
					</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td colspan="2" align="center"><input type="submit" id="savebtn" value="Save"> <input type="reset"></td>
		</tr>

	</table>

</form>



</body>
<script type="text/javascript" src="sea-modules/sea.js" id="seajsnode"></script>
<script type="text/javascript" src="sea-modules/boot_i.js"></script>
<script type="text/javascript">
	seajs.use([ 'jquery', 'combox', 'test' ], function($, combox) {
		$('#savebtn').bind('click', function() {
			var p = parent;
			var iframe = p.window.frames['main-content'];
			if (iframe) {
				p = iframe;
			}
			window.frameElement.trigger('close');
			p.refresh();
		});

	});
</script>
</html>